<template>
  <div id="app">
    <!-- <img src="./assets/logo.png"> -->
    <!-- <h1>{{ msg }}</h1>
    <router-link to="/">首页</router-link>
    <router-link to="read">read</router-link>
    <router-link to="write" tag="div">write</router-link>
    <router-link :to="{path:'read'}">read111</router-link>
    <router-link :to='{name:"write",query:{a:1}}'>write</router-link>
    <button @click="goList">按钮read</button>
    <router-link to="about">about...</router-link>
    <button @click="goAbout">按钮 about</button> -->
    <router-view />
    <!-- <first></first> -->
  </div>
</template>

<script>

// import first from './components/first'
// export default {
  // data () {
  //   return {
  //     msg:'Hello vue!'
  //   }
  // },
  // methods:{
  //   goList(){
  //     this.$router.go('/read');
  //   },
  //   goAbout() {
  //     this.$router.push({
  //       path: '/about',
  //       query:{
  //         a:1
  //       }
  //     })
  //   }
  // }
  //  ,
  //  components: {first}
// }
</script>

<style>
#app {
  font-family: 'Avenir', Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  color: #2c3e50;
  margin-top: 10px;
}
</style>
